<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover">
	<link rel="stylesheet" href="../../static/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../static/css/ylb.css">
	<link rel="shortcut icon" href="../../static/img/logo.png">
	<script type="text/javascript" src="../../static/js/jquery.min.js"></script>
	<script type="text/javascript" src="../../static/js/bootstrap.min.js"></script>
</head>
<body>

<div id="app">
	
	<!--formBox-->
	<div class="formBox formBoxReg">
	    
	    <!--header-->
	    <div class="header-box">
	        <img src="../../static/img/index_logo.png" />
	    </div>
	    <div class="line"></div>
	    <!--form-->
	    <div class="form-box">
	        <form onsubmit="return false" id="regCheck">
    	        <label>账号</label>
    	        <input type="text" maxlength="32" class="form-control" autocomplete="off" placeholder="输入账号" name="user_name" />
    	        <label>密码</label>
    	        <input type="text" maxlength="32" class="form-control" placeholder="输入密码" name="user_pass" />
    	        <label>电子邮箱</label>
    	        <input type="email" class="form-control" placeholder="输入电子邮箱" name="user_email" />
    	        <label>密保问题</label>
    	        <select class="form-control" name="user_mb_ask">
    	            <option value="">选择密保问题</option>
    	            <option value="你出生的城市？">你出生的城市？</option>
                    <option value="你母亲的姓名？">你母亲的姓名？</option>
                    <option value="你高三班主任姓名？">你高三班主任姓名？</option>
                    <option value="你父亲的生日？">你父亲的生日？</option>
                    <option value="你的手机号码？">你的手机号码？</option>
                    <option value="身份证后8位？">身份证后8位？</option>
                    <option value="你毕业的大学全称？">你毕业的大学全称？</option>
    	        </select>
    	        <label>密保答案</label>
    	        <input type="text" class="form-control" placeholder="输入密保问题的答案" name="user_mb_answer" />
    	        <button class="form-control-login" onclick="regCheck();">立即注册</button>
    	        <div class="links">
    	            <a href="./" class="link">登录账号</a>
    	        </div>
	        </form>
	    </div>
	    
	</div>
	<!--result-->
	<p class="loginresult"></p>

</div><!-- app -->


<script type="text/javascript">

    function regCheck(){
        
        // 验证账号
        $.ajax({
            type: "POST",
            url: "./regCheck.php",
            data: $('#regCheck').serialize(),
            success: function(res){
                
                // 成功
                if(res.code == 200){
                    
                    // 操作反馈（200状态码）
                    showSuccessResult(res.msg)
                    redirectPage('./', 1000);
                }else if(res.code == 204){
                    
                    showErrorResult_noHide(res.msg)
                }else{
                    
                    showErrorResult(res.msg)
                }
            },
            error: function() {
                
                // 服务器发生错误
                showErrorResult('服务器发生错误！可按F12打开开发者工具点击Network或网络查看返回信息进行排查！')
            }
        });
    }
    
    // 打开操作反馈（操作成功）
    function showSuccessResult(content){
        $('#app .loginresult').html('<div class="success">'+content+'</div>');
        $('#app .loginresult .success').css('display','block');
        setTimeout('hideResult()', 2500); // 2.5秒后自动关闭
    }
    
    // 打开操作反馈（操作失败）
    function showErrorResult(content){
        $('#app .loginresult').html('<div class="error">'+content+'</div>');
        $('#app .loginresult .error').css('display','block');
        setTimeout('hideResult()', 2500); // 2.5秒后自动关闭
    }
    function showErrorResult_noHide(content){
        $('#app .loginresult').html('<div class="error">'+content+'</div>');
        $('#app .loginresult .error').css('display','block');
    }
    
    // 关闭操作反馈
    function hideResult(){
        $("#app .loginresult .success").css("display","none");
        $("#app .loginresult .error").css("display","none");
        $("#app .loginresult .success").text('');
        $("#app .loginresult .error").text('');
    }
    
    // 跳转到指定路径
    function redirectPage(pagePath,timeout){
        setTimeout('location.href="'+pagePath+'"', timeout);
    }

</script>


</body>
</html>